div#chat {
	/* background: #DBE1ED; */
}

div#chat div.bubble {
	margin: 10px 10px 0 0px;
	width: 80%;
	clear: both;
}

div#chat div.right {
	float: right;
}
	
div#chat div.left {
	float: left;
}
	
div#chat div.right p {
	border-width: 10px 20px 12px 10px;
}

div#chat div.left p {
	border-width: 10px 10px 12px 20px;
}

/* lefties */
	
div#chat div.left p.aqua {
	-webkit-border-image: url(./chat_bubbles_aqua_l.png) 10 10 13 19;
}
	
div#chat div.left p.graphite {
	-webkit-border-image: url(./chat_bubbles_graphite_l.png) 10 10 13 19;
}
	
/*rights*/	

div#chat div.right p.aqua {
	-webkit-border-image: url(./chat_bubbles_aqua_r.png) 10 19 13 10;
}
	
div#chat div.right p.graphite {
	-webkit-border-image: url(./chat_bubbles_graphite_r.png) 10 19 13 10;
}	

div#chat div.bubble p {
	color: #000;
	font-size: 16px;
	margin: 0;
}

div#chat div.bubble + p {
	color: #666;
	text-align: center;
	font-size: 12px;
	font-weight: bold;
	margin: 0;
	padding: 10px 0 0 0;
	clear: both;
}